<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>@yield('title', 'piilvi')</title>
    {{--MDUI--}}
    <link rel="stylesheet" href="//cdnjs.loli.net/ajax/libs/mdui/0.4.2/css/mdui.min.css">
    <script src="//cdnjs.loli.net/ajax/libs/mdui/0.4.2/js/mdui.min.js"></script>
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet" type="text/css">

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    @yield('header script')
    <!-- Styles -->
    <style>
        body {
            background: url({{ asset('35019721_p0_master1200.jpg') }}) no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            font-family: 'Nunito', sans-serif;
        }

        .title {
            font-size: 84px;
        }

        .m-b-md {
            margin-bottom: 30px;
        }

        #login-card {
            background-color: rgba(255, 255, 255, 0.92);
            width: 363px;
            margin: 10vh auto 0;
        }
    </style>
    @yield('style')
</head>
<body class="mdui-bottom-nav-fixed mdui-appbar-with-toolbar mdui-appbar-with-tab">
@yield('body')
{{--<div class="flex-center position-ref ">
    @if (Route::has('login'))
        <div class="top-right links">
            @auth
                <a href="{{ url('/home') }}">Home</a>
            @else
                <a href="{{ route('login') }}">Login</a>

                @if (Route::has('register'))
                    <a href="{{ route('register') }}">Register</a>
                @endif
            @endauth
        </div>
    @endif
</div>--}}
</body>
<script src="{{ asset('app.js') }}"></script>
@yield('footer script')
</html>
